<template>
    <div>
        <public-header></public-header>
        <van-panel :title="news.fkdrangename" style="text-align:left;width:96%;margin:0 auto" >
             <div  v-html="news.fhtmlcontent"></div>
        </van-panel>
    </div>
</template>

<script>
import  publicHeader  from '@/components/publicHeader';
import {
    getdatabynewsid
} from '@/api/gov/guide';
import { 
    Panel
  
} from 'vant';
export default {
    name: 'govGuidehtmlConent',
    components: {
        publicHeader,
        [Panel.name]:Panel,
    },
    data () {
        return {
            fid: '',
            news: {}
        }
    },
    created(){
        this.fid = this.$route.query.fid
        this.init()
    },
    methods:{
        init(){
            getdatabynewsid({
                fid: this.fid,
                userid: '472a1e84dfcf4dce945bdcd3fe37304a'
            }).then(res => {
                console.log(res)
                this.news = res.map
            })
        }
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>

</style>
